page {
	width: 100%;
	min-height: 100vh;
	 font-family: Microsoft YaHei,Avenir,Helvetica,Arial,sans-serif;
	 -webkit-font-smoothing: antialiased;
	 -moz-osx-font-smoothing: grayscale;
	 font-size: 28rpx;
   text-align: center;
	 color: #8d8d8d;
	 position: relative;
	 margin: 0;
	 padding: 0;
   background-color: #fff;
}
.my-page{
  min-height: 100vh;
}

//布局
.flex{
	display: flex;
}
.direct-column{
	flex-direction: column;
}
.justify-center{
	justify-content: center;
}
.justify-between{
	justify-content: space-between;
}
.justify-around{
	justify-content: space-around;
}
.justify-evenly{
	justify-content: space-evenly;
}
.align-ceter{
	align-items: center;
}
.flex-1{
	flex: 1;
}
.flex-2{
	flex: 2;
}
.flex-wrap{
	flex-wrap: wrap;
}

//距离
@for $i from 5 to 50 {
  .radius-#{$i} {
    border-radius: 1% * $i !important;
  }
}
@for $i from 5 to 50 {
  .margin-bottom-#{$i} {
    margin-bottom: 2rpx * $i !important;
  }
  .margin-left-#{$i} {
    margin-left: 2rpx * $i !important;
  }
  .padding-#{$i} {
    padding: 2rpx * $i !important;
  }
}
// $wx-navbar-height: env(safe-area-inset-top);
    .padding-bottom{
  padding-bottom: 130rpx;
    }
  


//背景
.bgColor-fff{
	background-color: #fff;
}
.bgColor-ffe{
	background-color: #ffe32a;
}

//文本
.bold{
	font-weight: bold;
}
.text-left{
	text-align: left;
}
@for $i from 5 to 41 {
  .f#{$i} {
    font-size: 2rpx * $i !important;
  }
}
.ellipsis{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	}

// 字体颜色
.color-111{
	color: #111 !important;
}
.color-be{
	color: #bebebe;
}
.color-8d{
	color: #8d8d8d;
}
.color-9292{
	color: #929292 !important;
}
.color-989898{
	color: #989898 !important;
}
.color-2c{
	color:#2c2c2c;
}
.color-ffe{
	color: #ffe32a !important;
}
// 控制背景色
.bg-fff{
	background-color: #fff !important;
}



// view,
// scroll-view,
// swiper,
// button,
// input,
// textarea,
// label,
// navigator,
// image,
// navigator {
//   box-sizing: border-box;
// }